@CHARSET "UTF-8";
/*
 * name: gzoolWindow
 * author: johnason
 *
 *  useage: 
 *	#gzoolWindow2{position:absolute; top:500px; left:50px; width:600px; height:300px;}
 *	#gzoolWindow2 .gzoolWindowPanel{width=parentWidth-25; height=parnetHeight-25;}
 *  	top,left:10, bottom,right:15
 *	#gzoolWindow2 .gzoolWindowShadow{width:474px; height:274px;}
 *
 */
.gzoolWindow{position:relative; top:0px; left:0px; width:400px; height:400px; font-size: 0.01px;}
/* window panel */
.gzoolWindowPanel{position: absolute; left:10px; top:10px; z-index:9999; width:375px; height:375px;}
/* window panel top */
.gzoolWindowPanelN{position:absolute; left:0px; top:-5px; height:5px; width:100%; background: rgb(255, 255, 255) no-repeat;}
.gzoolWindowPanelNW{position:absolute; left:-5px; top:-5px; width:5px; height:5px; background: url(../resource/img/gzool.window/wcorner-nw.png) no-repeat;}
.gzoolWindowPanelNE{position:absolute; right:-5px; top:-5px; width:5px; height:5px; background: url(../resource/img/gzool.window/wcorner-ne.png) no-repeat;}
/* window panel middle */
.gzoolWindowPanelW{position:absolute; left:-5px; top:0; width:5px; height: 100%; background: url(../resource/img/gzool.window/white-body-gradient.gif) repeat;}
.gzoolWindowPanelE{position:absolute; right:-5px; top:0; width:5px; height: 100%; background: url(../resource/img/gzool.window/white-body-gradient.gif) repeat;}
.gzoolWindowPanelMid{font-size:small; position:absolute; left:0px; top:0; width:100%; height: 100%; background: url(../resource/img/gzool.window/white-body-gradient.gif) repeat; overflow:auto; text-align:left;}
/* window panel bottom */
.gzoolWindowPanelS{position:absolute; left:0px; bottom: -5px; font-size: 0.1px; height: 5px; width: 100%; background-color: rgb(255, 255, 255);}
.gzoolWindowPanelSW{position:absolute; left:-5px; bottom: -5px; width: 5px; height: 5px; background: url(../resource/img/gzool.window/wcorner-sw.png) no-repeat;}
.gzoolWindowPanelSE{position:absolute; right:-5px; bottom: -5px; width: 5px; height: 5px; background: url(../resource/img/gzool.window/wcorner-se.png) no-repeat;}
/* window shadow: width=parentWidth-13*2, height=parentHeight-13*2 */
.gzoolWindowShadow{position:absolute; left:13px; top:13px; width:374px; height:374px; z-index:9998; }	
/* window shadow corners */
.gzoolWindowShadowNW{position:absolute; top:-13px; left:-13px; width:13px; height:13px; background: url(../resource/img/gzool.window/4x-nw.png) no-repeat;}
.gzoolWindowShadowNE{position:absolute; top:-13px; right:-13px; width:13px; height:13px; background: url(../resource/img/gzool.window/4x-ne.png) no-repeat;}
.gzoolWindowShadowSW{position:absolute; bottom:-13px; left:-13px; width:13px; height:13px; background: url(../resource/img/gzool.window/4x-sw.png) no-repeat;}
.gzoolWindowShadowSE{position:absolute; bottom:-13px; right:-13px; width:13px; height:13px; background: url(../resource/img/gzool.window/4x-se.png) no-repeat;}
/* window shadow borders */
.gzoolWindowShadowW{position:absolute; top:0px; left:-13px; width:13px; height:100%; background: url(../resource/img/gzool.window/4x-w.png) repeat-y;}
.gzoolWindowShadowE{position:absolute; top:0px; right:-13px; width:13px; height:100%; background: url(../resource/img/gzool.window/4x-e.png) repeat-y;}
.gzoolWindowShadowN{position:absolute; top:-13px; left:0px; width:100%; height:13px; background: url(../resource/img/gzool.window/4x-n.png) repeat-x;}
.gzoolWindowShadowS{position:absolute; bottom:-13px; left:0px; width:100%; height:13px; background: url(../resource/img/gzool.window/4x-s.png) repeat-x;}
.gzoolWindow .btn-black-close{width:7px; height:7px; position:absolute; top:0; right:0px; cursor:pointer;}

/*
 * gzoolTitleWindow
 *
 *  useage: 
 *	#gzoolWindow2{position:absolute; top:500px; left:50px; width:600px; height:300px;}
 *	#gzoolWindow2 .gzoolWindowPanel{width:475px; height:275px;}
 *	#gzoolWindow2 .gzoolWindowShadow{width:474px; height:274px;}
 *  width=parentWidth-25, height=parnetHeight-45, leftmarign:10, rightmargin:15, top:35, bottom:5
 *
 */
.gzoolTitleWindow{position:relative; top:0px; left:0px; width:400px; height:400px;}
/* window panel */
.gzoolTitleWindowPanel{font-size:0.01px; position:absolute; left:10px; top:30px; z-index: 9999; width:375px; height:355px;}
/* window top round border */
.gzoolTitleWindowPanelN{font-size:0.01px; position:absolute; left: 0px; top:-25px; height:5px; width:100%; background-color: rgb(81, 112, 208);}
.gzoolTitleWindowPanelNW{font-size:0.01px; position:absolute; left: -5px; top:-25px; width:5px; height: 5px; background: url(../resource/img/gzool.window/blue-corner-nw.png);}
.gzoolTitleWindowPanelNE{font-size:0.01px; position:absolute; right: -5px; top:-25px; width:5px; height: 5px; background: url(../resource/img/gzool.window/blue-corner-ne.png);}
/* window title */
.gzoolTitleWindowTitleMid{position:absolute; left:0; top:-20px; height:20px; width:100%; background: url(../resource/img/gzool.window/blue-header-gradient4.gif) repeat-x; font-size:12px; font-weight:bolder; color:#FFFFFF;}
.gzoolTitleWindowTitleW{font-size:0.01px; position:absolute; left:-5px; top:-20px; width:5px; height:20px; background: url(../resource/img/gzool.window/blue-header-gradient4.gif) repeat-x;}
.gzoolTitleWindowTitleE{font-size:0.01px; position:absolute; right:-5px; top:-20px; width:5px; height:20px; background: url(../resource/img/gzool.window/blue-header-gradient4.gif) repeat-x;}
/* window panel middle */
.gzoolTitleWindowPanelW{font-size:0.01px; position:absolute; left: -5px; top:0; width: 5px; height: 100%; background: url(../resource/img/gzool.window/white-body-gradient.gif) repeat;}
.gzoolTitleWindowPanelE{font-size:0.01px; position:absolute; right: -5px; top:0; width: 5px; height: 100%; background: url(../resource/img/gzool.window/white-body-gradient.gif) repeat;}
.gzoolTitleWindowPanelMid{font-size:12px; position:absolute; left: 0px; top:0; width: 100%; height: 100%; background: url(../resource/img/gzool.window/white-body-gradient.gif) repeat; overflow:auto; text-align:left;}
/* window panel bottom */
.gzoolTitleWindowPanelS{font-size:0.01px; position:absolute; left: 0px; bottom: -5px; font-size: 0.1px; height: 5px; width: 100%; background-color: rgb(255, 255, 255);}
.gzoolTitleWindowPanelSW{font-size:0.01px; position:absolute; left: -5px; bottom: -5px; width: 5px; height: 5px; background: url(../resource/img/gzool.window/wcorner-sw.png);}
.gzoolTitleWindowPanelSE{font-size:0.01px; position:absolute; right: -5px; bottom: -5px; width: 5px; height: 5px; background: url(../resource/img/gzool.window/wcorner-se.png);}
/* window shadow */
/* width=parentWidth-13*2, height=parentHeight-13*2 */
.gzoolTitleWindowShadow{font-size:0.01px; position:absolute; left:13px; top:13px; width:374px; height:374px; z-index:9998; background:gray;}	
/* window shadow corners */
.gzoolTitleWindowShadowNW{font-size:0.01px; position:absolute; top:-13px; left:-13px; width: 13px; height: 13px; background: url(../resource/img/gzool.window/4x-nw.png) no-repeat;}
.gzoolTitleWindowShadowNE{font-size:0.01px; position:absolute; top:-13px; right:-13px; width: 13px; height: 13px; background: url(../resource/img/gzool.window/4x-ne.png) no-repeat;}
.gzoolTitleWindowShadowSW{font-size:0.01px; position:absolute; bottom:-13px; left:-13px; width: 13px; height: 13px; background: url(../resource/img/gzool.window/4x-sw.png) no-repeat;}
.gzoolTitleWindowShadowSE{font-size:0.01px; position:absolute; bottom:-13px; right:-13px; width: 13px; height: 13px; background: url(../resource/img/gzool.window/4x-se.png) no-repeat;}
/* window shadow borders */
.gzoolTitleWindowShadowN{font-size:0.01px; position:absolute; top:-13px; left:0px; width:100%; height:13px; background: url(../resource/img/gzool.window/4x-n.png) repeat;}
.gzoolTitleWindowShadowW{font-size:0.01px; position:absolute; top:0px; left:-13px; width:13px; height:100%; background: url(../resource/img/gzool.window/4x-w.png) repeat;}
.gzoolTitleWindowShadowS{font-size:0.01px; position:absolute; bottom:-13px; left:0px; width:100%; height:13px; background: url(../resource/img/gzool.window/4x-s.png) repeat;}
.gzoolTitleWindowShadowE{font-size:0.01px; position:absolute; top:0px; right:-13px; width:13px; height:100%; background: url(../resource/img/gzool.window/4x-e.png) repeat;}
.gzoolTitleWindow .btn-white-close{width:7px; height:7px; position:absolute; top:0; right:0px; cursor:pointer;}